<template>
  /<div class="hello-world">
    {{msg}}
    <img src="" alt="">

    <img src="../assets/images/mid.jpg" alt="">
    <img :src="midImg" alt="">
    <img :src="bidImg" alt="">
    <img src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2496571732,442429806&fm=26&gp=0.jpg" alt="">

    <img src="../assets/images/small.jpg" alt="">
  </div>
</template>

<script>
import big from '../assets/images/big.jpg';

export default {
  name: 'HelloWorld',
  data() {
    return {
      msg: 'hello world!',
      midImg: require('../assets/images/mid.jpg'),
      bidImg: big
    }
  }
}
</script>